//一个简易封装的ajax函数    
    function ajax(obj) {
        let xhr = new XMLHttpRequest();
        xhr.open('get', obj.url)
        xhr.send(null)
        xhr.onload = function () {
            let res = JSON.parse(xhr.responseText)
            //回调了传入进来的obj的success方法
            obj.success(res)
        }
    }
   
    ajax({
        url: 'http://chst.vip:1234/api/getbrandtitle',
        success(res) {
            // console.log(res.result)
            let el1="";
            res.result.forEach(item=>{
                el1+=`<li>
                <b class="title">${item.brandTitle}<i class="xia">▼</i></b>
                <div class="content"></div>
            </li>`                
             ajax({
url:`http://chst.vip:1234/api/getbrand?brandtitleid=${item.brandTitleId}`,
            success(res) {
                // console.log(res.result)
                let el2="";
                
                
                res.result.forEach(item=>{
                    // console.log(item.brandId)
                    el2+=`
                    <a class="fl" href="brandlist.html?title=${item.brandName}&brandtitleid=${item.brandTitleId}">
        <i class="fl">${item.brandId}</i>
        ${item.brandName}
        <div class="sel">
            ${item.brandInfo}
        </div>
    </a>` 
                 })
         $(`#content .content:eq(${item.brandTitleId})`).html(el2);
         $('#content .content .fl i.fl:eq(0)').css('background-color','red');
         $('#content .content .fl i.fl:eq(1)').css('background-color','orange')
         $('#content .content .fl i.fl:eq(2)').css('background-color','greenyellow')
                    }
                }) 
                         
                    }    
            )                              
                 //第一次循环内部
                 $('#content .uu').html(el1);
            }
        })
     // 卷
     $('.uu').find('.content').slideUp(0, function () {
        $('.uu').css('display', 'block')
        $('.content').prop('flag', false)
    })
    $('.uu').on('click', 'li', function () {               
        //获取当前的开关状态 如果是true 说明自己已经展开了 要收起来
        let flag = $(this).find('.content').prop('flag')
        if (flag) {        
            $(this).find('.content').slideUp(200).prop('flag', false)
            return
        }    
        $(this).find('.content').slideDown(200).prop('flag', true).parent().siblings().find('.content').slideUp(200)
    })
        
